<template>
    <!--<div class="outBox" :style="{backgroundImage: 'url(' + coverImgUrl + ')'}">-->
      <div class="outBox" style="background:url(https://npshop.oss-cn-beijing.aliyuncs.com/img/d907bfd657a4170e9471c3c812b54172b2bc03b9.jpeg);">
        <personInformation :person="person"></personInformation>
        <detailTab :article_content="article_content" :reviews="reviews" :goodsList="goodsList"></detailTab>
        <div class="play" style=" position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);">
          <img src="../../assets/helpServerIcon/btn_video.png" alt="" style="width:16vw;height:16vw;" @click="play">
        </div>

      <!--<tabs :shoucang="shoucang" :pinlun="pinlun" :dianzan="dianzan" :kegoumai="kegoumai"></tabs>-->
    </div>
</template>

<script>
  import personInformation from '../../components/articleDetail/detail/personInformation.vue'
  import detailTab from '../../components/articleDetail/detail/detailTab.vue'
  /*import tabs from '../../components/articleDetail/tabs.vue'*/
    export default {
        name: "detail",
    /*  props:["coverImgUrl"],*/
      components:{
       /*  tabs,*/
        personInformation,
        detailTab
      },
      data(){
          return{

            person:[
              {headIcon:'https://npshop.oss-cn-beijing.aliyuncs.com/img/headico.png',
                user_name:'娇娇',
                create_time:'2018.10.5',},
            ],
            article_content:'先帝创业未半而中道崩殂，今天下三分，益州疲弊，此诚危急存亡之秋也。然侍卫之臣不懈于内，忠志之士忘身于外者，盖追先帝之殊遇，欲报之于陛下也。诚宜开张圣听，以光先帝遗德，恢弘志士之气，不宜妄自菲薄，引喻失义，以塞忠谏之路也。 宫中府中，俱为一体，陟罚臧否，不宜异同。若有作奸犯科及为忠善者，宜付有司论其刑赏，以昭陛下平明之理，不宜偏私，使内外异法也。\n' +
              '侍中、侍郎郭攸之、费祎、董允等，此皆良实，志虑忠纯，是以先帝简拔以遗陛下。愚以为宫中之事，事无大小，悉以咨之，然后施行，必能裨补阙漏，有所广益。',
            reviews:[
              {userHeadIcon:'https://npshop.oss-cn-beijing.aliyuncs.com/img/headico.png',
                userName:'娇娇',
                comment_content:'哈哈哈哈，你们说女孩子喜欢什么样的化妆品呢?哈哈哈哈，你们说女孩子喜欢什么样的化妆品呢?' +
                  '             哈哈哈哈，你们说女孩子喜欢什么样的化妆品呢?',
                comment_time:'08-14 16:09',
                fabulousNumber:'11',
                replyName:'啊啊',
                replyContent:'安得与君相决绝，免教生死作相思。'},
              {userHeadIcon:'https://npshop.oss-cn-beijing.aliyuncs.com/img/headico.png',
                userName:'娇娇',
                comment_content:'哈哈哈哈，你们说女孩子喜欢什么样的化妆品呢?哈哈哈哈，你们说女孩子喜欢什么样的化妆品呢?' +
                  '             哈哈哈哈，你们说女孩子喜欢什么样的化妆品呢?',
                comment_time:'08-14 16:09',
                fabulousNumber:'11',
                replyName:'啊啊',
                replyContent:'安得与君相决绝，免教生死作相思。'},
            ],
            goodsList:[
              {Img:'https://m.360buyimg.com/babel/jfs/t22999/358/1390004694/70265/b7245975/5b5fccd0N50427db1.jpg',
                goodsName:'oseonly 王俊凯同造型甜心熊玫瑰公仔永生花 情人节礼物 甜心玫瑰熊',
                sell_price:'￥40.00',
                usedPrice:"￥99.00",
              },
              {Img:'https://m.360buyimg.com/babel/jfs/t22999/358/1390004694/70265/b7245975/5b5fccd0N50427db1.jpg',
                goodsName:'oseonly 王俊凯同造型甜心熊玫瑰公仔永生花 情人节礼物 甜心玫瑰熊',
                sell_price:'￥40.00',
                usedPrice:"￥99.00",
              },
              {Img:'https://m.360buyimg.com/babel/jfs/t22999/358/1390004694/70265/b7245975/5b5fccd0N50427db1.jpg',
                goodsName:'oseonly 王俊凯同造型甜心熊玫瑰公仔永生花 情人节礼物 甜心玫瑰熊',
                sell_price:'￥40.00',
                usedPrice:"￥99.00",
              }
            ],
           /* coverImgUrl:'https://npshop.oss-cn-beijing.aliyuncs.com/img/d907bfd657a4170e9471c3c812b54172b2bc03b9.jpeg'*/
          }
      },
      methods:{
        play:function(){
          $('.play').hide();
        }
      }
    }
</script>

<style scoped>
.outBox{
  width:100vw;
  height:100vh;
  position:relative;
  /*background:url(https://npshop.oss-cn-beijing.aliyuncs.com/img/d907bfd657a4170e9471c3c812b54172b2bc03b9.jpeg);*/
}
.outBox p{
  width:92vw;
  height:14vw;
  overflow:hidden;
}
</style>
